<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <!-- 引入图标文件 -->
    <link rel="shortcut icon" href="../image/favicon.ico">
    <link rel="stylesheet" href="../css/cart.css">
</head>

<body>
    <div class="order_head">
        <div class="head_background">
            <div class="head_box">
                <a href="../index.html" class="head_left_a"><img src="../image/favicon.ico" alt=""
                        class="head_left_p"></a>
                <h1 class="head_h1">我的购物车</h1>
                <div class="head_right">
                    <span class="head_right_in">1412625918 ∨</span>
                    <span class="head_right_in">|</span>
                    <a href="order.html" class="head_right_in">我的订单</a>
                </div>

            </div>
        </div>
    </div>
    <div class="trolley_background">
        <div class="trolley_background_in">
            <div class="tro_tab_h">
                <div class="col tro_tab_check">
                    <h1 class="tro_tab_check_p">
                        <input type="checkbox" name="" id="checkAll">
                    </h1>
                    <span class="tro_tab_check_sp">全选</span>

                </div>
                <div class="col tro_tab_img">

                </div>
                <p class="col tro_tab_name">商品名称</p>
                <div class="col tro_tab_price">单价</div>
                <div class="col tro_tab_num">数量</div>
                <div class="col tro_tab_total">小计</div>
                <div class="col tro_tab_action">操作</div>

            </div>
            <div id="listing">
                <!-- <ul class="tro_tab_h1">
                <div class="col tro_tab_check">
                    <h1 class="tro_tab_check_p">
                        <input type="checkbox" name="" id="">
                    </h1>
                    <span class="tro_tab_check_sp"></span>

                </div>
                <div class="col tro_tab_img">
                    <img src="#" alt="">

                </div>
                <div class="col tro_tab_name">
                    <li class="tro_tab_name_li1">小米电视4A 32英寸 黑色 32英寸</li>
                    <li class="tro_tab_name_li2">适配机型:小米电视</li>

                </div>
                <div class="col tro_tab_price">
                    <span id="price">999</span><span>元</span>
                </div>
                <div class="col tro_tab_num">
                    <a class="tro_tab_num_p1" id="subtract" href="javascript:;">-</a>
                    <input type="text" value="1" id="num">
                    <a class="tro_tab_num_p2" id="plus" href="javascript:;">+</a>
                </div>
                <div class="col tro_tab_total "><span class="tro_tab_total_value" id="prices">999</span>元

                </div>
                <div class="col tro_tab_action">x</div>

            </ul> -->
            </div>

            <div class="tro_close_bot ">
                <a href="./list.html">
                    <p class="tro_close_p ">继续购物 | 已选择了<span>0</span>件<span style="color: #ff6700"></span>
                    </p>
                </a>

                <p class="tro_close_p_r">去结算</p>
                <p class="tro_close_p_c">合计:<span id="close">0.00</span>元</p>
            </div>

        </div>


        <div class="foot">
            <ul class="foot_ul">
                <li class="foot_li">预约维修服务</li>
                <li class="foot_li">7天无理由退货</li>
                <li class="foot_li">15天免费换货</li>
                <li class="foot_li">满15元包邮</li>
                <li class="foot_li foot_fot">520余家售后网点</li>
            </ul>
            <div class="foot_center">
                <div class="foot_cen_left">
                    <dl class="foot_dl">
                        <dt class="foot_dt">帮助中心</dt>
                        <dd class="foot_dd"><a>账户管理</a></dd>
                        <dd class="foot_dd"><a>购物指南</a></dd>
                        <dd class="foot_dd"><a>订单操作</a></dd>
                    </dl>
                    <dl class="foot_dl">
                        <dt class="foot_dt">帮助中心</dt>
                        <dd class="foot_dd"><a>账户管理</a></dd>
                        <dd class="foot_dd"><a>购物指南</a></dd>
                        <dd class="foot_dd"><a>订单操作</a></dd>
                    </dl>
                    <dl class="foot_dl">
                        <dt class="foot_dt">帮助中心</dt>
                        <dd class="foot_dd"><a>账户管理</a></dd>
                        <dd class="foot_dd"><a>购物指南</a></dd>
                        <dd class="foot_dd"><a>订单操作</a></dd>
                    </dl>
                    <dl class="foot_dl">
                        <dt class="foot_dt">帮助中心</dt>
                        <dd class="foot_dd"><a>账户管理</a></dd>
                        <dd class="foot_dd"><a>购物指南</a></dd>
                        <dd class="foot_dd"><a>订单操作</a></dd>
                    </dl>
                    <dl class="foot_dl">
                        <dt class="foot_dt">帮助中心</dt>
                        <dd class="foot_dd"><a>账户管理</a></dd>
                        <dd class="foot_dd"><a>购物指南</a></dd>
                        <dd class="foot_dd"><a>订单操作</a></dd>
                    </dl>
                    <dl class="foot_dl">
                        <dt class="foot_dt">帮助中心</dt>
                        <dd class="foot_dd"><a>账户管理</a></dd>
                        <dd class="foot_dd"><a>购物指南</a></dd>
                        <dd class="foot_dd"><a>订单操作</a></dd>
                    </dl>
                </div>
                <div class="foot_cen_right">
                    <p class="foot-phone">400-100-5678</p>
                    <p class="foot-right-center">周一至周日 8:00-18:00<br>（仅收市话费)</p>
                    <a class="foot-right-bottmo" href="">联系客服</a>
                </div>
            </div>
        </div>

        <script src="../js/jQuery-3.6.0.min.js"></script>
        <script src="../lib/layer/layer.js"></script>
        <script src="../js/axios.min.js"></script>
        <script src="../js/cart.js"></script>

</body>

</html>